HTML Inline & Block Elements
- Inline Elements
- Are Those Elements Which Take Width As Required
- Block Elements
- Are Those Elements Which Take Full Width Of Screen
Hey I'm A Paragraph And I'm A Block Element
Google - I'm An Inline Element
I'm A Div Element And I'm A Block Element
I'm A Span Element And I'm An Inline Element
Yes He Is An Inline Element Because I'm Written Along With Him
List Of Block And Inline Elements Of HTML In W3schools Website
Yes You Can Change Both Elements
You Can Change An Inline Element To Block Or A Block Element Into Inline
By Changing Their Display Property In CSS To Inline Or Block.
Block Elements (Most Commonly Used First)
- <div>: A generic container for flow content.
- <p>: Paragraph.
-
<h1>, <h2>, <h3>, <h4>, <h5>,
<h6>: Headings.
- <ul>: Unordered list.
- <ol>: Ordered list.
- <li>: List item.
- <form>: A section containing form controls.
- <table>: Table.
- <section>: A standalone section of a document.
-
<header>: A container for introductory content or a set of
navigational links.
- <footer>: Footer of a section or page.
-
<nav>: A section of a page that contains navigation links.
- <article>: A self-contained composition in a document.
-
<aside>: A section of a page that contains information
indirectly related to the main content.
- <main>: The main content of a document.
-
<fieldset>: A set of form controls grouped under a common
name.
-
<blockquote>: A block of text that is a quotation from another
source.
- <pre>: Preformatted text.
-
<canvas>: A container used to draw graphics via JavaScript.
- <dl>: Description list.
- <dt>: Term in a description list.
- <dd>: Description in a description list.
-
<figure>: Any content that is referenced from the main
content.
- <figcaption>: A caption for a <figure> element.
-
<address>: Contact information for the author or owner of the
document.
- <hr>: A thematic break or a horizontal rule.
- <tfoot>: Footer of a table.
Inline Elements (Most Commonly Used First)
- <a>: Anchor or hyperlink.
- <img>: Image.
- <span>: Generic inline container.
- <input>: Input field.
- <label>: Label for a form element.
- <strong>: Strong emphasis.
- <em>: Emphasized text.
- <br>: Line break.
- <code>: Code snippet.
- <b>: Bold text.
- <i>: Italic text.
- <u>: Underlined text.
- <small>: Smaller text.
- <sub>: Subscript.
- <sup>: Superscript.
- <mark>: Marked or highlighted text.
- <q>: Short inline quotation.
- <cite>: Citation.
- <kbd>: Keyboard input.
- <samp>: Sample output.
-
<var>: Variable in a athematical expression or programming
context.
- <time>: Time.
- <abbr>: Abbreviation.
- <data>: Machine-readable translation of content.
- <acronym>: Acronym (Not supported in HTML5).